<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>指标体系</title>
    <link rel="stylesheet" href="../../app/static/lib/page/SGIS.Base.css"/>
    <link rel="stylesheet" href="../../app/static/css/index.css"/>
    <!-- Bootstrap -->
    <link rel="stylesheet" href="../../app/static/css/css-macro/bootstrap.min.css" />
    <link rel="stylesheet" href="../../app/static/css/css-macro/bootstrap.min.css" />
    <!-- Font Awesome -->
    <link rel="stylesheet" href="../../app/static/css/css-macro/font-awesome.min.css" />
    <link rel="stylesheet" href="../../app/static/css/bootstrap/bootstrap-datetimepicker.min.css" />
    <link rel="stylesheet" href="../../app/static/css/css-macro/css_ztree/zTreeStyle.css" />
    <style>
        .button-zw{
            float:right;
        }
        body{
            font-size: 1.7rem !important;
        }
        .container .list{
            height:calc(100%  - 40px);
            padding:10px;
            border:1px solid #ccc;
            width:300px;
            float:left;
        }
        .container .list ul{
            list-style:none;
            padding: 0px;
            margin-top: 15px;
            font-size: 15px;
            color:blue;
        }
        .container .list ul li{
            line-height: 30px;
            cursor: pointer;
        }
        .container .list ul li:hover{
            background: #ccc;
        }
        .container .form,.container .iden-class,.container .just-iden{
           height:calc(100%  - 40px);
            width:calc(100% - 330px);
            border:1px solid #ccc;
            padding:10px;
            float:right;
        }
        .container .iden-class table{
            border:1px solid #ccc;
            border-collapse: collapse;
            width: 100%;
        }
        .container .iden-class table th,.container .iden-class table td{
            border:1px solid #ccc;
            text-align: center;
            padding:5px;
        }
        .form_content>div{
             line-height: 50px;
         }
        .form_content>div>label{
            width: 120px!important;
        }
        .form_content .form-control{
            width:500px!important;
            display: inline-block!important;
        }
        .zbtx_zw{
            padding-top:10px;
        }
        #zbtx_zw li{
            padding-left:5px;
            color:#428BCA;
        }
        .active{
            background: #428BCA!important;
            color:#fff!important;
        }
        .hidden{
            display: none;
        }
        .container .iden-class div.btn_zw{
            float:right;
        }
        /*.new_iden_class_zw{*/
            /*margin-right: 15px;*/
        /*}*/
        .container .iden-class table{
            margin-top:40px;
        }
        .row_zw{
            padding-left:25px;
            line-height: 35px;
        }
        .row_zw label{
            font-weight:bold;
            width:100px;
        }
        .row_zw input,.row_zw textarea{
            width:300px;
        }
        .form-control{
            display: inline-block!important;
        }
        #tbody_zw tr:hover{
            background: #428BCA;
        }
        .half-row{
            width: 45%;
            display: inline-block;
        }
        .all-row,.half-row{
            line-height: 45px;
        }
        .all-row .form-control-zw,.half-row .form-control-zw{
            line-height: 38px!important;
            transition: ease-in-out .15s, box-shadow ease-in-out .15s;
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            border-radius:4px;
            border:1px solid #ccc;
            background-image:none;
            background-color:#fff;
            color:#555;
            line-height:1.428;
            font-size:14px;
            padding:6px 12px;
            height:34px;
        }
        .all-row input.form-control-zw,.all-row select.form-control-zw {
            width:330px;
        }
        .half-row input.form-control-zw,.half-row select.form-control-zw {
            width:200px;
        }
        .all-row label,.half-row label{
            width:110px;
        }
        #theseSelectZhibao{
            width:410px;
            border: 1px solid #ccc;
            height:100px;
        }
        #theseSelectZhibao ul{
            padding: 0;
            margin: 0;
        }
        #theseSelectZhibao ul li{
            list-style: none;
            float:left;
            /*width:80px;*/
            height:40px;
            background: #fff;
        }
        #treeDemo_dept{
            padding:0;
            margin:0;
            list-style: none;
        }
        #treeDemo_dept li{
            list-style: none;
            padding: 4px;
        }
        #treeDemo_dept li:hover{
            background: #eee;
        }
        #res_treeDemo_dept li:hover{
            background: #eee;
        }
        #selected-dept-zw ul{
            margin:0;
            padding:0;
        }
        #selected-dept-zw ul li{
           list-style: none;
            width:235px;
        }
        #res_selected-dept-zw ul{
            margin:0;
            padding:0;
        }
        #res_selected-dept-zw ul li{
            list-style: none;
            /*width:235px;*/
        }
        #boring_zw .ztree li a.curSelectedNode{
            height: 30px!important;
            color:#fff!important;
            line-height:30px !important;
            background: #0d71bb!important;
            /*padding: 5px!important;*/
            width:90%!important;
            padding-left:10px;
        }
        ::-webkit-scrollbar
        {
            width: 10px;
            height: 10px;
            background-color: #F5F5F5;
        }

        /*定义滚动条轨道 内阴影+圆角*/
        ::-webkit-scrollbar-track
        {
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
            border-radius: 5px;
            background-color: #F5F5F5;
        }

        /*定义滑块 内阴影+圆角*/
        ::-webkit-scrollbar-thumb
        {
            border-radius: 5px;
            -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
            background-color: #555;
        }
        datalist{
            display: none!important;
        }
        #res_selected-dept-zw ul li{
            float:left;
        }
        .red-identify{
            color:red !important;
        }
    </style>
</head>
<body>

<div class="top_div" style="z-index:999"></div>

<div class="container" style="overflow:hidden;width:100%!important;min-width:1400px!important;height:calc(100% - 10px)">
    <div style="height:80px;"></div>
    <div style="height:calc(100% - 50px);width:100%;overflow:hidden;" id="all_content_zw">
        <div class="list">
            <input type="text"  value="2019" style="width:280px" class="form-control year_zw" />
            <!--时间日期选择器-->
            <div class="zbtx_zw">
                <h4>指标体系类别</h4>
                <ul id="zbtx_zw">
                    <li></li>
                </ul>
            </div>
        </div>
        <div class="form">
            <div class="nav" style="margin-right: 100px;">
                <div class="button-zw">
                    <button class="btn btn-primary" type="button" id="new_zble_zw">新建</button>
                    &nbsp;&nbsp;
                    <button class="btn btn-danger" type="button" id="delete_zble_zw">删除</button>
                    &nbsp;&nbsp;
                    <!--<button class="btn btn-primary" type="button">恢复</button>-->
                    <button class="btn btn-primary" type="button" id="new_iden_by_zw">维护指标</button>
                    &nbsp;&nbsp;
                    <button class="btn btn-primary" type="button" id="set_iden_class">设置类别</button>
                </div>
            </div>
            <div class="form_content" id="form_zw" style="padding-left:25px;">
                    <div>
                        <label for="name_zw">
                            <span class="red-identify">* </span>
                            指标体系名称</label>
                        <input type="text" class="form-control" id="name_zw" placeholder="请输入指标体系名称"/>
                    </div>
                    <div>
                        <label for="code_zw"><span class="red-identify">* </span>指标体系编码</label>
                        <input type="text" class="form-control" id="code_zw" placeholder="请输入指标体系编码" />
                    </div>
                    <div>
                        <label ><span class="red-identify">* </span>年份</label>
                        <input type="text"
                               value=""
                               class="form-control yearf_zw"
                               placeholder="请输入指标体系年份" />
                    </div>
                    <div>
                        <label for="desc_zw">指标体系排序</label>
                        <input type="number" class="form-control"
                               value=""
                               id="desc_zw" placeholder="请输入指标体系排序" />
                    </div>
                    <div>
                        <label for="pbflag_zw">是否屏蔽</label>
                        <select  class="form-control" id="pbflag_zw">
                            <option value="1">是</option>
                            <option value="0">否</option>
                        </select>
                    </div>
                    <div class="describe_zw">
                        <div>描述</div>
                        <textarea name="" id="describe_zw"  rows="2" style="width:625px"></textarea>
                    </div>
            </div>
            <div>
                <div style="text-align: center;width:500px;">
                    <button class="btn btn-primary" type="button" id="save_zble_zw">保存</button>
                </div>
            </div>
        </div>
        <div class="iden-class hidden" style="padding-left:25px;">
            <span style="color:#428BCA;cursor:pointer;" id="back_pre_page">
                &gt;&gt;&nbsp;&nbsp;返回前一页&nbsp;&nbsp;&nbsp;
            </span>
            <div class="btn_zw" style="margin-right: 100px;">
                <button class="btn btn-primary" type="button" id="new_iden_class_zw">新建</button>
                &nbsp;&nbsp;&nbsp;&nbsp;
                <button class="btn btn-primary" type="button" id="edit_iden_class_zw">编辑</button>
                &nbsp;&nbsp;&nbsp;&nbsp;
                <button class="btn btn-danger" type="button" id="delete_iden_class_zw">删除</button>
            </div>
            <table>
                <thead>
                    <tr>
                        <th>分类名称</th>
                        <th>描述</th>
                        <th>排序</th>
                    </tr>
                </thead>
                <tbody id="tbody_zw">
                    <tr>
                        <td colspan="3">暂无数据</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="just-iden hidden" style="padding-left:25px;">
            <div class="form_iden" id="iden_form_zw">
                <div style="padding:10px;color:#5395CF;cursor: pointer;float: left;" id='back_pre_by_page_zw' onclick="showSpecialMoudel('.container .form')">
                    &gt;&gt;&nbsp;&nbsp; 返回前一页
                </div>
                <div style="float: right;margin-right: 100px;" >
                    <button class="btn btn-primary" type="button" id="add_sub_iden_by_zw">添加下级</button>
                    &nbsp;&nbsp;
                    <button class="btn btn-danger" type="button" id="delete_sub_iden_by_zw">指标删除</button>
                </div>
                <div style="clear:both"></div>
                <div class="all-row">
                    <label for="name_zw"><span class="red-identify">* </span>所属类别</label>
                    <select  class="form-control-zw" id="form_iden_class_zw"></select>
                </div>
                <div class="all-row">
                    <label for="code_zw"><span class="red-identify">* </span>指标编码</label>
                    <input type="text"
                           style="width:244px"
                           class="form-control-zw" id="form_iden_code_zw" disabled="disabled" />
                    <button class="btn btn-primary" type="button" id="btn_relase_iden">关联指标</button>
                    <div style="position:fixed;top:-1500px;left:-1500px;width:4000px;height:4000px;background: rgba(0,0,0,0.3);display: none;" id="iden_dialog_zw">
                        <div style="width:500px;height:500px;position: relative;top:1600px;left:1950px;background:#fff;padding:20px;border-radius:10px;font-size: 2rem;">
                            <h4 style="display:inline-block">选择指标</h4>
                            <div style="width:30px;line-height:30px;float:right;font-weight:bold;cursor:pointer"
                            onclick="$('#iden_dialog_zw')[0].style.display='none'">X</div>
                            <div style="clear:both">
                                <ul class="nav nav-tabs" id="iden_type_by_zw">
                                    <li role="presentation" class="active" type="11"><a href="#">年报</a></li>
                                    <li role="presentation" type="12"><a href="#">季报</a></li>
                                    <li role="presentation" type="13"><a href="#">月报</a></li>
                                </ul>
                                <div>
                                    <ul id="treeDemo" class="ztree" style="height: 210px;overflow: auto;"></ul>
                                </div>
                                <div id="theseSelectZhibao" style="padding:10px">
                                    <ul>

                                    </ul>
                                </div>
                                <div style="text-align: center;padding:15px 0;">
                                    <button class="btn btn-primary" type="button" id="write_iden_code_zw">保存</button>
                                    &nbsp; &nbsp; &nbsp; &nbsp;
                                    <button class="btn btn-danger" type="button" onclick ="$('#iden_dialog_zw')[0].style.display='none';">关闭</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="all-row">
                    <label for="form_iden_name_zw"><span class="red-identify">* </span>指标名称</label>
                    <input type="text"
                           value=""
                           disabled="disabled"
                           class="form-control-zw"
                           id="form_iden_name_zw" />
                </div>
                <div class="half-row">
                    <label for="count_iden_dan_zw">指标计量单位</label>
                    <input type="text" class="form-control-zw"
                           value=""
                           id="count_iden_dan_zw" placeholder="" />
                </div>
                <div class="half-row">
                    <label for="show_tpl_type_zw">显示模板类型</label>
                    <select type="text" class="form-control-zw"
                            value=""
                            id="show_tpl_type_zw">
                        <option value="1">默认模板</option>
                        <option value="0">文本编辑模板</option>
                    </select>
                </div>
                <div class="half-row">
                    <label for="iden_weight_zw">指标考核权重</label>
                    <input type="number" class="form-control-zw"
                           value=""
                           id="iden_weight_zw" placeholder="" />
                </div>
                <div class="half-row">
                    <label for="iden_score_zw">指标考核满分</label>
                    <input type="number" class="form-control-zw"
                           value=""
                           id="iden_score_zw" placeholder="" />
                </div>
                <div id="score_papaer_zw">
                    <label for="score_papaer_zw" style="width:90px;">考核周报</label>
                    <input type="radio"
                           class="form-control-zw"
                           name="score_papaer_zw" valuez="month" checked="checked" /> 月报
                    &nbsp;&nbsp;&nbsp;
                    <input type="radio"
                           class="form-control-zw"
                           name="score_papaer_zw" valuez="year"  /> 年报
                    &nbsp;&nbsp;&nbsp;
                    <input type="radio"
                           class="form-control-zw"
                           name="score_papaer_zw" valuez="season2"  /> 季报（2,5,8,11）
                    &nbsp;&nbsp;&nbsp;
                    <input type="radio"
                           class="form-control-zw"
                           name="score_papaer_zw" valuez="season" /> 季报（3,6,9,12）
                </div>
                <div class="half-row">
                    <label for="form_iden_hide">隐藏</label>
                    <input type="checkbox"
                           class="form-control-zw"
                           style="width:18px;height:18px"
                           checked="checked" id="form_iden_hide" />
                </div>
                <div class="half-row">
                    <label for="form_key_iden_zw">关键指标</label>
                    <input type="checkbox"
                           class="form-control-zw"
                           style="width:18px;height:18px"
                           checked="checked" id="form_key_iden_zw" />
                </div>
                <div class="half-row">
                    <label for="form_tree_sort_zw">树排序</label>
                    <input type="text"
                           class="form-control-zw"
                           id="form_tree_sort_zw" />
                </div>
                <div class="half-row">
                    <label><span class="red-identify">* </span>牵头部门</label>
                    <input type="text"
                           class="form-control-zw form_key_dept_zw"/>
                    <div style="position:fixed;top:-1500px;left:-1500px;width:4000px;height:4000px;background: rgba(0,0,0,0.3);display: none;z-index:9999;" id="dept_dialog_zw">
                        <div style="width:500px;height:500px;position: relative;top:1600px;left:2000px;background:#fff;padding:20px;border-radius:10px;">
                            <h4 style="display:inline-block">牵头部门</h4>
                            <div style="width:30px;line-height:30px;float:right;font-weight:bold;cursor:pointer;text-align:center;"
                                 onclick="$('#selected-dept-zw ul').html('');$('#dept_dialog_zw')[0].style.display='none'">X</div>
                            <div style="clear:both">
                                <ul id="treeDemo_dept" class="ztree" style="height: 230px;overflow: auto;">

                                </ul>
                                <div id="selected-dept-zw" style="margin-top: 10px;border: 1px solid #ccc;width:100%;padding:10px;height:80px">
                                    <ul>

                                    </ul>
                                </div>
                                <div style="text-align: center;padding:15px 0;">
                                    <button class="btn btn-primary" type="button" id="write_dept_code_zw">保存</button>
                                    &nbsp; &nbsp; &nbsp; &nbsp;
                                    <button class="btn btn-danger" type="button" onclick ="$('#selected-dept-zw ul').html('');$('#dept_dialog_zw')[0].style.display = 'none'">关闭</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="half-row">
                    <label for="form_key_person_zw">责任人</label>
                    <input type="text"
                           class="form-control-zw"
                           id="form_key_person_zw" />
                </div>
                <div class="half-row">
                    <label for="form_key_leader_zw">责任领导</label>
                    <input type="text"
                           class="form-control-zw"
                           id="form_key_leader_zw" />
                </div>
                <div class="half-row">
                    <label><span class="red-identify">* </span>责任部门</label>
                    <input type="text"
                           class="form-control-zw form_key_dept_2_zw"
                    />
                    <div style="position:fixed;top:-1500px;left:-1500px;width:4000px;height:4000px;background: rgba(0,0,0,0.3);display: none;z-index: 9999" id="res_dept_dialog_zw">
                        <div style="width:500px;height:500px;position: relative;top:1600px;left:2000px;background:#fff;padding:20px;border-radius:10px;">
                            <h4 style="display:inline-block"><span class="red-identify">* </span>责任部门</h4>
                            <div style="width:30px;line-height:30px;float:right;font-weight:bold;cursor:pointer"
                                 onclick="$('#res_selected-dept-zw ul').html('');$('#res_dept_dialog_zw')[0].style.display='none'">X</div>
                            <div style="clear:both">
                                <ul id="res_treeDemo_dept" class="ztree" style="height: 240px;overflow: auto;">

                                </ul>
                                <div id="res_selected-dept-zw" style="margin-top: 10px;border: 1px solid #ccc;height:80px;overflow:auto;padding:10px;width:100%">
                                    <ul>

                                    </ul>
                                </div>
                                <div style="text-align: center;padding:15px 0;">
                                    <button class="btn btn-primary" type="button" id="res_write_dept_code_zw">保存</button>
                                    &nbsp; &nbsp; &nbsp; &nbsp;
                                    <button class="btn btn-danger" type="button" onclick ="$('#res_selected-dept-zw ul').html('');$('#res_dept_dialog_zw')[0].style.display = 'none'">关闭</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="half-row">
                    <label for="form_key_iden_show_zw">指标显示顺序</label>
                    <input type="text"
                           class="form-control-zw"
                           id="form_key_iden_show_zw" />
                </div>
                <div class="all-row">
                    <label for="specil_url_zw">定制页URL</label>
                    <input type="text"
                           class="form-control-zw"
                           id="specil_url_zw" />
                </div>
                <div style="text-align: center;padding-top: 15px;">
                    <button class="btn btn-primary" type="button" onclick="save_weihu_iden_by_zw()">保存指标</button>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="footer_div" style="z-index:999">
    <iframe class="footer_iframe" src="../web/footer.html"></iframe>
</div>


<script src="../../app/static/js/jquery/jquery-2.1.1.min.js"></script>
<script src="../../app/static/js/bootstrap/bootstrap-datetimepicker.min.js"></script>
<script src="../../app/static/lib/common/SGIS.Base.js"></script>
<script src="../../app/static/js/top.js" type="text/javascript"></script>
<script src="../../app/static/js/register.link.js" type="text/javascript"></script>
<!--<script  src="../../app/static/lib/macro_js/jquery.form.js"></script>-->
<script src="../../app/static/lib/macro_js/jquery.ztree.core.js"></script>
<script src="../../app/static/lib/macro_js/jquery.ztree.excheck.js"></script>
<script src="../../app/static/js/iden/iden.js"></script>



</body>
</html>